@font-face
{
	font-family: TXWHZGBJT;
	src: url('../css/碳纤维汉真广标简体.ttf');
	     // url('Sansation_Light.eot'); /* IE9+ */
}
.game_introduce{
	padding-bottom: 100px;
	.nav{
		width: 935px;
		margin: 20px auto 15px auto;
		overflow: hidden;
		.kk_logo{
			float: left;
			img{
				width: 175px;
				height: 53px;
			}
		}
		nav{
			float: right;
			margin-top: 30px;
			a{
				overflow: hidden;
				display: inline-block;
				height: 21px;
				border-left: 1px solid #5443C9;
				color: #5443C9;
				padding: 0 15px;
				font-family: TXWHZGBJT;
				font-weight: normal;
				span{
					position: relative;
					display: inline-block;
					text-align: center;
					transition: transform 0.3s;
				}
				span::before{
					position: absolute;
					top: 100%;
					content: attr(data-hover);
					font-weight: bold;
					transform: translate3d(0,0,0);
				}
			}
			a:nth-child(6){
				border-right: 1px solid #5443C9;
			}
			a:hover{
				span{
					transform: translateY(-100%);
				}
			}
		}
	}
	.top{
		width: 1200px;
		margin: 0 auto;
		.title{
			img{
				width: 1200px;
				height: 120px;
			}
		}
	}
	.game_download{
		width: 1198px;
		height: 538px;
		background-color: #523DCA;
		border: 1px solid #523DCA;
		margin: 0 auto;
		margin-top: 20px;
		.qr_code{
			margin-top: 45px;
			margin-left: 820px;
			.pic{
				img{
					width: 260px;
					height: 260px;
					border-radius: 10px;
					box-shadow: 0px 0px 10px 5px darkgray;  
				}
			}
			.btn{
				margin-top: 30px;
				button{
					width: 260px;
					height: 68px;
					border: none;
					border-radius: 4px;
					cursor: pointer;
				}
				button:nth-child(1){
					background-image: url(../img/game_introduce/game_introduce_game_download_btn1.png);
				}
				button:nth-child(2){
					background-image: url(../img/game_introduce/game_introduce_game_download_btn2.png);
					margin-top: 25px;
				}
			}
		}
	}
	.game_classify{
		width: 1200px;
		margin: 0 auto;
		.classify{
			margin-top: 40px;
			.title{
			}
			ul{
				overflow: hidden;
				margin-top: 20px;
				li{
					float: left;
					margin-left: 35px;
					img{
						width: 365px;
						height: 365px;
					}
					.text{
						width: 320px;
						margin: 0 auto;
						p:nth-child(1){
							font-family: TXWHZGBJT;
							color: rgb(81, 61, 201);
							font-size: 18px;
							border-bottom: 1px solid rgb(207, 207, 207);
							padding: 15px 0 8px 20px;
						}
						p:nth-child(2){
							color: rgb(98, 98, 98);
							padding: 5px 20px 0 20px;
							letter-spacing: 1px;
							position:relative;
						    line-height:1.4em;
						    /* 3 times the line-height to show 3 lines */
						    height:2.8em;
						    overflow:hidden;
						    width: 280px;
						}
						p:nth-child(2)::after{
							content:"...";
						    font-weight:bold;
						    position:absolute;
						    bottom:0;
						    right: 29px;
						    background: white;
						}
						p:nth-child(2).hide::after{
							display: none;
						}
					}
				}
				li:nth-child(3n+1){
					margin-left: 0;
					margin-top: 40px;
				}
				li:nth-child(1){
					margin-top: 0;
				}
			}
		}
	}
}